﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Home/SiteMater.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Train_Railway.Home.Login" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <%@ Register Src="~/Home/HijriGregDatePicker.ascx" TagName="HijriGregDatePicker" TagPrefix="uc1" %>
    <!-- page title -->
    <div class="page-main-title">

        <div class="container">
            <div class="leaft-title">
                <h1>LOGIN/REGISTER</h1>
            </div>
            <div class="reght-pagenation"><a href="index.aspx">Home</a> <i>/</i> Tabs</div>
        </div>
    </div>
    <!-- end page title -->


    <!-- Content
======================================= -->

    <!-- content left area -->
    <div id="content">
        <div class="container">

            <div class="content-fullwidth">

                <h3>Log In to VN RAILWAYS</h3>

                <div id="tabs">

                    <ul class="tabs">
                        <li class="active"><a href="#tab1">Login</a></li>
                        <li class=""><a href="#tab2">Register</a></li>
                        <li class=""><a href="#tab3">Help</a></li>

                    </ul>
                    <!-- /# end tab links -->

                    <div class="tab-container">

                        <div id="tab1" class="tab-content">
                            <div class="span5 check-method-right">
                                <strong class="green-t">Login</strong>
                                <p>Already registered? Please log in below:</p>
                                <section>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">Username <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="text" id="Username" name="Username" placeholder="" required="required" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputPassword">Password <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="password" id="Password" name="Password" placeholder="" required="required" />
                                        </div>
                                    </div>
                                    <p><a href="#">Forgot your password?</a></p>
                                    <div class="control-group">
                                        <div class="controls">
                                            <asp:Button ID="btn_Login" CssClass="button lightblue medium align" runat="server" Text="LOGIN" OnClick="btn_Login_Click" />
                                        </div>
                                    </div>
                                </section>
                            </div>
                        </div>
                        <!-- end tab single section -->


                        <div id="tab2" class="tab-content">
                            <p>Make reservations faster by saving your basic travel-related information in a secure format; you won't have to re-enter mailing and billing address information each time you make a reservation. We'll remember your favorite departure and arrival stations, Amtrak Guest Rewards number and any membership discount numbers you may use. Plus, you can review reservations made while logged in to VN RAILWAYS; reprint eTickets; and upgrade, change or cancel reservations. You must be at least 16 years old to create a profile. Fields marked * are mandatory.</p>
                            <div class="span5 check-method-right">
                                <form class="form-horizontal">
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">UserName <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="text" id="txt_User" name="txt_User" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">Password <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="password" id="txt_Pass" name="txt_Pass" placeholder="" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">Confirm your password <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="text" id="txt_Name" name="txt_Name" placeholder="" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">BirthDay <sup>*</sup></label>
                                        <div class="controls">
                                            <uc1:HijriGregDatePicker runat="server" DefaultCalendarCulture="Grgorian" />
                                        </div>

                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">Address <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="text" id="txt_Address" style="width: 310px" name="txt_Address" placeholder="" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputEmail">Phones <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="tel" id="txt_Phone" style="width: 310px" name="txt_Phone" placeholder="" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label" for="inputPassword">Emails <sup>*</sup></label>
                                        <div class="controls">
                                            <input type="email" style="width: 310px" id="txt_Email" name="txt_Email" placeholder="" required="" />
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <div class="controls">
                                            <asp:Button ID="btn_Register" CssClass="button lightblue medium align" runat="server" Text="Create" OnClick="btn_Register_Click"  />
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- end tab single section -->


                        <div id="tab3" class="tab-content">
                            <h4>Technology</h4>
                            <p>
                                <img src="images/team-memb3.jpg" alt="" class="img_left" />Lorem ipsum dolor sit amet, consectetur adipiscursus felis vel lacus cursus ullamcorper. Maecenas sed enim neque, quis rutrum arcu. Meceasa justo enim. Suspendisse suscipit malesuada magna, at sagittis augue varius ut. Donec vitae libero magna. Duis at ipsum ac mi tempor pulvinar. Vimus ut tincdunt assa. Quisque pulvinar neque eu lorem tincidunt imperdiet porta mauris molesie. Pelltesque blandit suscipit molestie. Phasellus porta lorc ipsum cursus conguet lobortis pellentesque ornare aliquet condimentum.</p>

                            <p>Pelltesque blandit suscipit molestie. Phasellus porta lorem ac ipsum cursus congue. Ut lobortis pellentesque nare. Pellentesque tincidunt aliquet condimentum. Nunc rhoncus porta erat, in ornare dolor facilisis in. Aliquam aeque nulla, vitae convallis mauris. Duis tristique, lectus sit amet pharetra vehicula. Pellentesque tincidunt aliquet condimentum. Nunc rhoncus porta erat, in ornare dolor facilisis in. Aliquam a neque nulla, vitae convallis mauris. Duis tristique, lectus sit amet pharetra vehicula, velit lectus hendrerit lorem, eu rutrum velit mi vitae augue. Mauris congue, leo nec ullamcorper vestibulum, orci augue tristique mi, eget bibendum mauris turpis sed metus. Vestibulum quam risu volutpat quis aliquam eu, dictum id massa.</p>

                            <p>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
                        </div>
                        <!-- end tab single section -->

                    </div>

                </div>
                <!-- end tab -->

                <div class="clearfix"></div>
                <div class="divider_lines"></div>

            </div>
            <!-- end full width page -->


        </div>
    </div>

</asp:Content>
